<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>云端智慧旅游系统演示</title>
    <link rel="stylesheet" href="./plugin/animate.min.css">
    <link rel="stylesheet" href="./plugin/fullPage/fullpage.css">
    <link rel="stylesheet" href="./plugin/carousel.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="header">
        <div class="left">
            <img src="./images/logo.png" alt="">
            <h3>云端智慧旅游系统演示</h3>
        </div>
        <div class="right" id="menu">
            <a data-menuanchor="anchor2" href="#anchor2">全域旅游平台</a>
            <i></i>
            <a data-menuanchor="anchor3" href="#anchor3">智慧景区云平台</a>
            <i></i>
            <a data-menuanchor="anchor7" href="#anchor7">旅游集团云平台</a>
        </div>
    </div>
    <div id="pages">
        <!-- 第一屏 -->
        <div class="section section1" id="page1">
            <div class="content1">
                <h3>智慧旅游生态圈</h3>
                <p class="myAnimate1">以运营为导向的文旅产业链</p>
                <a data-menuanchor="anchor2" href="#anchor2">了解更多</a>
            </div>
            <div class="next-box">
                <img src="./images/next.png" alt="">
                <a data-menuanchor="anchor2" href="#anchor2">向下查看更多</a>
            </div>
        </div>
        <!-- 第二屏 -->
        <div class="section section2" id="page2">
            <div class="content2">
                <h3>全域旅游云平台</h3>
                <div class="myAnimate1">
                     <p>立足于目的地旅游业发展现状，围绕政府、企业、游客三大用户群的信息化应用需求，打造“一机游”智慧旅游云平台。</p>
                <p>全方位提高旅游管理服务水平，推进全域旅游发展，助力旅游扶贫，深化厕所革命，全面提升游客满意度，促进旅游业提质增效和转型升级。
                </p>
                </div>
               
                <article class="jq22-container">

                    <div class="caroursel1 poster-main" data-setting='{
                            "width":1200,
                            "height":315,
                            "posterWidth":560,
                            "posterHeight":315,
                            "scale":0.8,
                            "dealy":"30000",
                            "algin":"middle"
                        }'>
                        <ul class="btn-box">
                            <li class="index-btn">旅游产业运行监测系统</li>
                            <li class="index-btn">旅行产业运行信息统计上报系统</li>
                            <li class="index-btn">综合显示系统</li>
                            <li class="index-btn">互联网舆情分析平台</li>
                            <li class="index-btn">游客公共服务平台</li>
                            <li class="index-btn">一机游平台</li>
                            <li class="index-btn">全媒体营销平台</li>


                            <!--<li class="index-btn"></li>-->
                        </ul>
                        <ul class="poster-list">
                            <li class="poster-item"><img src="./images/page2-1.png" width="100%" height="100%">
                                <div class="mask">
                                    <div class="mask-center"><a
                                            href="http://show.yunyouyuanfang.com/travel/page/home.html"
                                            target="_blank">点击进入</a></div>
                                </div>
                            </li>
                            <li class="poster-item">
                                <img src="./images/page2-2.png" width="100%" height="100%">
                                <div class="mask">
                                    <div class="mask-center"><a href="javascript:;" target="_blank">系统建设中</a></div>
                                </div>
                            </li>
                            <li class="poster-item">
                                <img src="./images/page2-3.png" width="100%" height="100%">
                                <div class="mask">
                                    <div class="mask-center"><a href="javascript:;" target="_blank">系统建设中</a></div>
                                </div>
                            </li>
                            <li class="poster-item" style="top:50px;height:220px;">
                                <img src="./images/page2-4.png" width="100%" height="100%">
                                <div class="mask">
                                    <div class="mask-center"><a
                                            href="http://show.yunyouyuanfang.com/lyrical/lyrical.html"
                                            target="_blank">点击进入</a></div>
                                </div>
                            </li>
                            <li class="poster-item">
                                <img src="./images/page2-5.png" width="100%" height="100%">
                                <div class="mask">
                                    <div class="mask-center-list  pad100">
                                        <div>
                                            <img src="./images/code-public-services.png" alt="">
                                            <p>扫码预览</p>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="poster-item">
                                <img src="./images/page2-6.png" width="100%" height="100%">
                                <div class="mask">
                                    <div class="mask-center-list pad100">
                                        <div>
                                            <img src="./images/code-yijiyou.png" alt="">
                                            <p>扫码预览</p>
                                            <a href="http://59.49.55.154:18082/" target="_blank">运营管理</a>
                                        </div>
                                        <!-- <div>
                                            <p>客户端</p>
                                            <img src="./images/code-client.png" alt="">
                                            <p>扫码下载</p>
                                        </div> -->
                                    </div>

                                </div>
                            </li>
                            <li class="poster-item">
                                <img src="./images/page2-7.png" width="100%" height="100%">
                                <div class="mask">
                                    <div class="mask-center-list">

                                        <div>
                                            <img src="./images/code.png" alt="">
                                            <p>扫码预览</p>
                                            <div class="center-btn-list"><a href="http://59.49.55.155:18083/"
                                                    target="_blank">PC端入口</a><a href="http://59.49.55.155:18081/"
                                                    target="_blank">运营管理</a></div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>

                </article>
            </div>
        </div>
        <!-- 第三屏 -->
        <div class="section section3" id="page3">
            <div class="content3">
                <h3>智慧景区云平台</h3>
                <div class="nav-list">
                    <a data-menuanchor="anchor3" href="#anchor3" class="active">基础设备智能化</a>
                    <a data-menuanchor="anchor4" href="#anchor4">智慧管理体系</a>
                    <a data-menuanchor="anchor5" href="#anchor5">智慧服务体系</a>
                    <a data-menuanchor="anchor6" href="#anchor6">智慧营销体系</a>
                </div>
                <p class="myAnimate1">通过物联网技术提升基础设施设备智能化程度，支持多种类、跨品牌系统，支持存量设备的兼容接入，打通零散数据，降低设备接入门槛。</p>
                <ul class="list-box">
                    <li>
                        <div class="item-box">
                            <img src="./images/wifi.png" alt="">
                            <p>无线WiFi</p>
                        </div>
                    </li>
                    <li>
                        <div class="item-box">
                            <img src="./images/kuandai.png" alt="">
                            <p>宽带网络</p>
                        </div>
                    </li>
                    <li>
                        <div class="item-box">
                            <img src="./images/yidongTX.png" alt="">
                            <p>移动通讯信号覆盖</p>
                        </div>
                    </li>
                    <li>
                        <div class="item-box">
                            <img src="./images/jiankong.png" alt="">
                            <p>视频监控</p>
                        </div>
                    </li>
                    <li>
                        <div class="item-box">
                            <img src="./images/guangbo.png" alt="">
                            <p>智能广播</p>
                        </div>
                    </li>
                    <li>
                        <div class="item-box">
                            <img src="./images/chongdianzhuang.png" alt="">
                            <p>智能充电桩</p>
                        </div>
                    </li>
                    <li>
                        <div class="item-box">
                            <img src="./images/ludeng.png" alt="">
                            <p>智能路灯</p>
                        </div>
                    </li>
                    <li>
                        <div class="item-box">
                            <img src="./images/lajixiang.png" alt="">
                            <p>智能垃圾箱</p>
                        </div>
                    </li>
                    <li>
                        <div class="item-box">
                            <img src="./images/guizi.png" alt="">
                            <p>智能储物柜</p>
                        </div>
                    </li>
                    <li>
                        <div class="item-box">
                            <img src="./images/LED.png" alt="">
                            <p>LED屏</p>
                        </div>
                    </li>
                    <li>
                        <div class="item-box">
                            <img src="./images/zhaji.png" alt="">
                            <p>闸机</p>
                        </div>
                    </li>
                    <li>
                        <div class="item-box">
                            <img src="./images/lanche.png" alt="">
                            <p>缆车</p>
                        </div>
                    </li>
                    <li>
                        <div class="item-box">
                            <img src="./images/youchuan.png" alt="">
                            <p>游船</p>
                        </div>
                    </li>
                    <li>
                        <div class="item-box">
                            <img src="./images/more.png" alt="">
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 第四屏 -->
        <div class="section section3" id="page4">
            <div class="content3">
                <h3>智慧景区云平台</h3>
                <div class="nav-list">
                    <a data-menuanchor="anchor3" href="#anchor3">基础设备智能化</a>
                    <a data-menuanchor="anchor4" href="#anchor4" class="active">智慧管理体系</a>
                    <a data-menuanchor="anchor5" href="#anchor5">智慧服务体系</a>
                    <a data-menuanchor="anchor6" href="#anchor6">智慧营销体系</a>
                </div>
                <p class="myAnimate1">基于物联网平台的算法分析、规则引擎联动，自动对越界、火灾、拥堵，设备故障等事件进行判断、上报处理，提升景区管理效率。</p>
                <div class="list-change">
                    <div class="circle-line"></div>
                    <div class="change-item-box">
                        <div class="change-item active">
                            <img class="change-itemBg" src="./images/change-item.png" alt="">
                            <div class="item-text">
                                <p>综合管控平台</p>
                            </div>
                        </div>
                        <div class="change-item">
                            <img class="change-itemBg" src="./images/change-item.png" alt="">
                            <div class="item-text">
                                <p>
                                    智慧景区
                                </p>
                                <p>大数据平台</p>
                            </div>
                        </div>
                        <div class="change-item">
                            <img class="change-itemBg" src="./images/change-item.png" alt="">
                            <div class="item-text">
                                <p>
                                    客流量统计
                                </p>
                                <p>及预警平台</p>
                            </div>
                        </div>
                        <div class="change-item">
                            <img class="change-itemBg" src="./images/change-item.png" alt="">
                            <div class="item-text">
                                <p>
                                    智慧停车场
                                </p>
                                <p>管理系统</p>
                            </div>
                        </div>
                        <div class="change-item">
                            <img class="change-itemBg" src="./images/change-item.png" alt="">
                            <div class="item-text">
                                <p>
                                    环境监测与
                                </p>
                                <p>安全管理系统</p>
                            </div>
                        </div>
                        <div class="change-item">
                            <img class="change-itemBg" src="./images/change-item.png" alt="">
                            <div class="item-text">
                                <p>
                                    信息发布平台
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="item-img-box">
                        <div class="item-img">
                            <img src="./images/page4-1.png" alt="">
                            <div class="item-mask">
                                <div class="mask-center">
                                    <a href="http://show.yunyouyuanfang.com/managerbaligou/" target="_blank">点击进入</a>
                                </div>
                            </div>
                        </div>
                        <div class="item-img hd">
                            <img src="./images/page4-2.png" alt="">
                            <div class="item-mask">
                                <div class="mask-center">
                                    <a href="http://show.yunyouyuanfang.com/hadoop/home.html" target="_blank">点击进入</a>
                                </div>
                            </div>
                        </div>
                        <div class="item-img hd">
                            <img src="./images/page4-3.png" alt="">
                            <div class="item-mask">
                                <div class="mask-center">
                                    <a href="http://show.yunyouyuanfang.com/managerbaligou/manage/map/?parkid=16"
                                        target="_blank">点击进入</a>
                                </div>
                            </div>
                        </div>
                        <div class="item-img hd">
                            <img src="./images/page4-4.png" alt="">
                            <div class="item-mask">
                                <div class="mask-center-list">
                                    <div>
                                        <img src="./images/wx-code.png" alt="">
                                        <p>扫码预览</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item-img hd">
                            <img src="./images/page4-5.png" alt="">
                            <div class="item-mask">
                                <div class="mask-center">
                                    <a href="http://show.yunyouyuanfang.com/managerbaligou/manage/map/?parkid=16"
                                        target="_blank">点击进入</a>
                                </div>
                            </div>
                        </div>
                        <div class="item-img hd">
                            <img src="./images/page4-6.png" alt="">
                            <div class="item-mask">
                                <div class="mask-center">
                                    <a href="javascript:;" target="_blank">系统建设中</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <!-- 第五屏 -->
        <div class="section section3" id="page5">
            <div class="content3">
                <h3>智慧景区云平台</h3>
                <div class="nav-list">
                    <a data-menuanchor="anchor3" href="#anchor3">基础设备智能化</a>
                    <a data-menuanchor="anchor4" href="#anchor4">智慧管理体系</a>
                    <a data-menuanchor="anchor5" href="#anchor5" class="active">智慧服务体系</a>
                    <a data-menuanchor="anchor6" href="#anchor6">智慧营销体系</a>
                </div>
                <p class="myAnimate1">给游客提供全流程、全维度的智慧导览服务，基于人脸识别技术，打通票务、消费、安全等场景，实现游客“一脸通”。</p>
                <div class="list-change">
                    <div class="circle-line"></div>
                    <div class="change-item-box">
                        <div class="change-item active">
                            <img class="change-itemBg" src="./images/change-item.png" alt="">
                            <div class="item-text">
                                <p>线上线下一体化</p>
                                <p>电子票务系统</p>
                            </div>
                        </div>
                        <div class="change-item">
                            <img class="change-itemBg" src="./images/change-item.png" alt="">
                            <div class="item-text">
                                <p>
                                    微商城
                                </p>
                            </div>
                        </div>
                        <div class="change-item">
                            <img class="change-itemBg" src="./images/change-item.png" alt="">
                            <div class="item-text">
                                <p>
                                    多商户管理系统
                                </p>
                            </div>
                        </div>
                        <div class="change-item">
                            <img class="change-itemBg" src="./images/change-item.png" alt="">
                            <div class="item-text">
                                <p>
                                    导游导览
                                </p>
                            </div>
                        </div>
                        <div class="change-item">
                            <img class="change-itemBg" src="./images/change-item.png" alt="">
                            <div class="item-text">
                                <p>
                                    咨询投诉及
                                </p>
                                <p>救援服务</p>
                            </div>
                        </div>
                        <div class="change-item">
                            <img class="change-itemBg" src="./images/change-item.png" alt="">
                            <div class="item-text">
                                <p>
                                    体验服务
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="item-img-box">
                        <div class="item-img">
                            <img src="./images/page5-1.png" alt="">
                            <div class="item-mask">
                                <div class="mask-center">
                                    <a href="http://ticket.wxtcc.com.cn/admin/login" target="_blank">点击进入</a>
                                </div>
                            </div>
                        </div>
                        <div class="item-img hd">
                            <img src="./images/page5-2.png" alt="">
                            <div class="item-mask">
                                <div class="mask-center-list">
                                    <div>
                                        <img src="./images/code-mall.png" alt="">
                                        <p>扫码预览</p>
                                        <a href="http://wx.v4.yunyouyuanfang.com/seller" target="_blank">运营管理</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item-img hd">
                            <img src="./images/page5-3.png" alt="">
                            <div class="item-mask">
                                <div class="mask-center-list pad100">
                                    <div>
                                        <p>客户端</p>
                                        <img src="./images/code-Multi-merchant.png" alt="">
                                        <p>扫码预览</p>
                                    </div>
                                    <div>
                                        <p>收银端</p>
                                        <img src="./images/code-cash.png" alt="">
                                        <p>扫码预览</p>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="item-img hd">
                            <img src="./images/page5-4.png" alt="">
                            <div class="item-mask">
                                <div class="mask-center-list">
                                    <div>
                                        <img src="./images/code-guide.png" alt="">
                                        <p>扫码预览</p>
                                        <a href="http://guide.yunyouyuanfang.com/admin" target="_blank">运营管理</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item-img hd">
                            <img src="./images/page5-5.png" alt="">
                            <div class="item-mask">
                                <div class="mask-center-list">
                                    <div>
                                        <img src="./images/code-hlep.png" alt="">
                                        <p>扫码预览</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item-img hd">
                            <img src="./images/page5-6.png" alt="">
                            <div class="item-mask">
                                <div class="mask-center-list">
                                    <div>
                                        <p>智能导服平台</p>
                                        <a href="" target="_blank">系统建设中</a>
                                    </div>
                                    <div>
                                        <p>720全景</p>
                                        <img src="./images/code-720.png" alt="">
                                        <p>扫码预览</p>
                                    </div>
                                    <div>
                                        <p>互动游戏</p>
                                        <img src="./images/wx-code-poetry.png" alt="">
                                        <p>扫码预览</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <!-- 第六屏 -->
        <div class="section section3" id="page6">
            <div class="content3">
                <h3>智慧景区云平台</h3>
                <div class="nav-list">
                    <a data-menuanchor="anchor3" href="#anchor3">基础设备智能化</a>
                    <a data-menuanchor="anchor4" href="#anchor4">智慧管理体系</a>
                    <a data-menuanchor="anchor5" href="#anchor5">智慧服务体系</a>
                    <a data-menuanchor="anchor6" href="#anchor6" class="active">智慧营销体系</a>
                </div>
                <p class="myAnimate1">通过业务场景沉淀游客、商品、场地数据，对数据进行行为洞察、轨迹热力图等分析后支持精准营销体系。</p>
                <div class="list-change">
                    <div class="circle-line"></div>
                    <div class="change-item-box">
                        <div class="change-item active item2">
                            <img class="change-itemBg" src="./images/change-item.png" alt="">
                            <div class="item-text">
                                <p>
                                    门户资讯网站
                                </p>
                            </div>
                        </div>
                        <div class="change-item item2">
                            <img class="change-itemBg" src="./images/change-item.png" alt="">
                            <div class="item-text">
                                <p>
                                    全媒体营销系统
                                </p>
                            </div>
                        </div>
                        <div class="change-item item2">
                            <img class="change-itemBg" src="./images/change-item.png" alt="">
                            <div class="item-text">
                                <p>
                                    全民营销平台
                                </p>
                            </div>
                        </div>
                        <div class="change-item item2">
                            <img class="change-itemBg" src="./images/change-item.png" alt="">
                            <div class="item-text">
                                <p>
                                    微立方
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="item-img-box">
                        <div class="item-img">
                            <img src="./images/page6-1.png" alt="">
                            <div class="item-mask">
                                <div class="mask-center-list">
                                    <div>

                                        <img src="./images/code-portal.png" alt="">
                                        <p>扫码预览</p>
                                        <a href="http://59.49.55.155:18085?snm=954a3366e5fc4fc4bbc629cd70ba7fdf"
                                            target="_blank">PC端入口</a>

                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="item-img hd">
                            <img src="./images/page6-2.png" alt="">
                            <div class="item-mask">
                                <div class="mask-center">
                                    <a href="http://59.49.55.155:18081/" target="_blank">点击进入</a>
                                </div>
                            </div>
                        </div>
                        <div class="item-img hd">
                            <img src="./images/page6-3.png" alt="">
                            <div class="item-mask">
                                <div class="mask-center-list">
                                    <div>
                                        <img src="./images/code-marketing.png" alt="">
                                        <p>扫码预览</p>
                                        <a href="http://sale.yunyouyuanfang.com/seller" target="_blank">运营管理</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item-img hd">
                            <img src="./images/page6-4.png" alt="">
                            <div class="item-mask">
                                <div class="mask-center-list">
                                    <div>
                                        <img src="./images/code-cube.png" alt="">
                                        <p>扫码预览</p>
                                        <a href="http://wx.v4.yunyouyuanfang.com/seller/activity/show/index"
                                            target="_blank">PC端入口</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <!-- 第七屏 -->
        <div class="section section2" id="page7">
            <div class="content2">
                <h3>旅游集团云平台</h3>
                <p class="myAnimate1">利用物联网、互联网和大数据分析技术在旅游业中集成与应用创新，以大数据“服务管理、服务营销、服务游客体验”为导向，建设一个中心、四个平台。</p>
                <article class="jq22-container">

                    <div class="caroursel2 poster-main" data-setting='{
                            "width":1200,
                            "height":315,
                            "posterWidth":560,
                            "posterHeight":315,
                            "scale":0.8,
                            "dealy":"30000",
                            "algin":"middle"
                        }'>
                        <ul class="btn-box">
                            <li class="index-btn">旅游集团旅游大数据平台</li>
                            <li class="index-btn">旅游集团综合管控平台</li>
                            <li class="index-btn">旅游集团公共服务平台</li>
                            <li class="index-btn">一机游平台</li>
                            <li class="index-btn">全媒体营销平台</li>
                        </ul>
                        <ul class="poster-list">
                            <li class="poster-item"><img src="./images/page7-1.png" width="100%" height="100%">
                                <div class="mask">
                                    <div class="mask-center"><a href="javascript:;" target="_blank">系统建设中</a></div>
                                </div>
                            </li>
                            <li class="poster-item"><img src="./images/page7-2.png" width="100%" height="100%">
                                <div class="mask">
                                    <div class="mask-center"><a href="http://show.yunyouyuanfang.com/wenlvmanager"
                                            target="_blank">点击进入</a></div>
                                </div>
                            </li>
                            <li class="poster-item">
                                <img src="./images/page7-3.png" width="100%" height="100%">
                                <div class="mask">
                                    <div class="mask-center-list">
                                        <div>

                                            <img src="./images/code-one.png" alt="">
                                            <p>扫码预览</p>

                                            <a href="http://59.49.55.155:18083/" target="_blank">PC端入口</a>

                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="poster-item"><img src="./images/page7-4.png" width="100%" height="100%">
                                <div class="mask">
                                    <div class="mask-center-list pad100">
                                        <div>
                                            <img src="./images/code-yijiyou.png" alt="">
                                            <p>扫码预览</p>
                                            <a href="http://59.49.55.154:18082/" target="_blank">运营管理</a>
                                        </div>
                                        <!-- <div>
                                                <p>客户端</p>
                                                <img src="./images/code-client.png" alt="">
                                                <p>扫码下载</p>
                                            </div> -->
                                    </div>

                                </div>
                            </li>
                            <li class="poster-item"><img src="./images/page7-5.png" width="100%" height="100%">
                                <div class="mask">
                                    <div class="mask-center">
                                        <a href="http://59.49.55.155:18081/" target="_blank">点击进入</a>
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <!-- <div class = "poster-btn poster-prev-btn"></div>
                        <div class = "poster-btn poster-next-btn"></div> -->
                    </div>

                </article>
            </div>
        </div>
    </div>
    <script src="./plugin/jquery.min.js"></script>
    <script src="./plugin/fullPage/fullpage.min.js"></script>
    <script src="http://cdn.staticfile.org/jquery-easing/1.3/jquery.easing.min.js"></script>
    <script src="./plugin/jquery.carousel.js"></script>
    <script src="./js/index.js"></script>
    
</body>

</html>